@extends("agent.layouts.main")
@section("css")
<style>
    .border-shadow{box-shadow: 0 0 3px gray;}
    .my-img{width:90px;	height:90px;border:1px solid gray;}
</style>
@endsection
@section("content")
<div class="container-fiuld p-3" id="app">
    <div class="card">
		<div class="card-body">
			<div class="row">
				<div class="col-lg-3">
					<div class="media border border-light p-3 border-shadow text-white" style="background-color:#62E09D">

						<div class="media-body">
							<h4 class="mb-4">收益累计余额</h4>
							<p class="h3"><mark class="h1 bg-transparent">{{$comm->total_money ? $comm->total_money : 0}}</mark>元</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3">
					<div class="media border border-light p-3 border-shadow text-white" style="background-color:#8783BD">

						<div class="media-body">
							<h4 class="mb-4">可提现余额</h4>
							<p class="h3"><mark class="h1 bg-transparent">{{$comm->balance ? $comm->balance : 0}}</mark>元</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3">
					<div class="media border border-light p-3 border-shadow text-white" style="background-color:#1BD4AF">

						<div class="media-body">
							<h4 class="mb-4">提现累计余额</h4>
							<p class="h3"><mark class="h1 bg-transparent">{{$comm->total_draw_money ? $comm->total_draw_money : 0}}</mark>元</p>
						</div>
					</div>
				</div>
			</div>
			<div class="row mt-4">
				<div class="col-lg-3">
					<div class="media border border-light p-3 border-shadow text-white"  style="background-color:#0073B7">

						<div class="media-body">
							<h4 class="mb-4">旗下主播数</h4>
							<p class="h3"><mark class="h1 bg-transparent">{{$onlinetime['count_host'] ?? 0}}</mark>人</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3">

					<div class="media border border-light p-3 text-white border-shadow" style="background-color:#45A0DD">

						<div class="media-body">
							<h4 class="mb-4">在线主播数</h4>
							<p class="h3"><mark class="text-white h1 bg-transparent">{{$onlinetime['count_line_host'] ?? 0}}</mark>人</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="card-footer bg-transparent border-0">
			<div class="row">
				<div class="col-lg-2">
					<h3>官方联系方式</h3>
				</div>
			</div>
			<div class="row mt-2 mb-2">
				<div class="col-lg-3">
					<h6>官方客服联系人：{{isset($kefu['contact']) ? $kefu['contact'] : ''}}</h6>
				</div>
				<div class="col-lg-3">
					<h6>官方客服手机号：{{isset($kefu['mobile']) ? $kefu['mobile'] : ''}}</h6>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-3">
					<h6>官方客服微信号：{{isset($kefu['wechat']) ? $kefu['wechat'] : ''}}</h6>
				</div>
				<div class="col-lg-3">
					<h6>官方客服邮箱：{{isset($kefu['email']) ? $kefu['email'] : ''}}</h6>
				</div>
			</div>
			<div class="row mt-2 mb-2">
				<div class="col-lg-3">
					<img src="{{isset($kefu['wechat_img']) ? $kefu['wechat_img'] : ''}}" class="my-img">
				</div>
				<div class="col-lg-3">
					<h6>官方客服QQ：{{isset($kefu['qq']) ? $kefu['qq'] : ''}}</h6>
				</div>
			</div>
		</div>
    </div>
</div>
@endsection
